<!DOCTYPE html>
<html lang="en-us">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title> 项目1 </title>
  
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="robots" content="all,follow">
  <meta name="googlebot" content="index,follow,snippet,archive">
  <meta property="og:title" content="项目1" />
<meta property="og:description" content="使用hugo &#43; Cactus 构建作业博客 1. 环境准备 win10操作系统 一个gitee账号 Markdown编辑器：VSCode git工具  2. 使用hugo搭建个人博客环境 1. 安装hugo 从hugo官方网站下载最新版本：https://gohugo.io/getting-started/quick-start/，解压hugo.exe文件到C:\目录下，将hugo.exe的路径加到PATH中。
2. 创建站点 使用win &#43; R 打开cmd, 进入hugo文件夹所在目录，执行hugo new site mysite,新的站点文件夹mysite就自动生成到了当前目录下： 完成这一步后不要关闭cmd;
mysite目录结构： 3. 安装主题 到hugo主题列表:https://themes.gohugo.io/或从GitHub下载一款主题，解压到theme目录下（Cactus主题下载地址：https://github.com/monkeyWzr/hugo-theme-cactus）,并将解压后的主题文件更名为Cactus；
在config.toml配置文件中添加：theme = &quot;Cactus&quot; ,
cmd中输入命令：hugo -t Cactus,此时主题配置完成。
4. 创建第一篇文章 以创建第一份作业文件为例子，cmd输入命令：
hugo new post/作业1.md
作业1.md就自动生成到了content/post下。使用VSCode打开该文件，会显示以下内容： 在该文件中完成作业内容后，将draft标志修改为false（或者直接删除draft整个参数），这一步很重要，如果不改，正式发布时不会看到这篇文章。
5. 编译输出 在 mysite 文件夹下，执行hugo命令来构建。此时 mysite 文件夹下多了一个 public 文件夹，编译输出的静态html文件就保存在这里。 6. 启动实时预览 如果写文章的同时想要看到发布后的效果，可以通过启动网站预览：hugo server -D,实时监控页面的更改并刷新页面（参数-D输出包括标记为draft：true的草稿文章）。 默认地址为http://localhost:1313,如果该端口被占用，会随机使用其他空端口。
3. 将博客推送到gitee 1. 新建一个仓库 新建一个gitee仓库，设置为public,仓库名与账号同名。
2. 推送博客到该仓库 回到mysite文件夹，找到之前说的编译后生成的public文件夹，双击 用Git Bash Here打开，然后在git下逐条输入以下命令：" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://beikenken.gitee.io/post/%E9%A1%B9%E7%9B%AE1/" />
<meta property="article:published_time" content="2020-09-16T00:57:32+08:00" />
<meta property="article:modified_time" content="2020-09-16T00:57:32+08:00" />

  <meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="项目1"/>
<meta name="twitter:description" content="使用hugo &#43; Cactus 构建作业博客 1. 环境准备 win10操作系统 一个gitee账号 Markdown编辑器：VSCode git工具  2. 使用hugo搭建个人博客环境 1. 安装hugo 从hugo官方网站下载最新版本：https://gohugo.io/getting-started/quick-start/，解压hugo.exe文件到C:\目录下，将hugo.exe的路径加到PATH中。
2. 创建站点 使用win &#43; R 打开cmd, 进入hugo文件夹所在目录，执行hugo new site mysite,新的站点文件夹mysite就自动生成到了当前目录下： 完成这一步后不要关闭cmd;
mysite目录结构： 3. 安装主题 到hugo主题列表:https://themes.gohugo.io/或从GitHub下载一款主题，解压到theme目录下（Cactus主题下载地址：https://github.com/monkeyWzr/hugo-theme-cactus）,并将解压后的主题文件更名为Cactus；
在config.toml配置文件中添加：theme = &quot;Cactus&quot; ,
cmd中输入命令：hugo -t Cactus,此时主题配置完成。
4. 创建第一篇文章 以创建第一份作业文件为例子，cmd输入命令：
hugo new post/作业1.md
作业1.md就自动生成到了content/post下。使用VSCode打开该文件，会显示以下内容： 在该文件中完成作业内容后，将draft标志修改为false（或者直接删除draft整个参数），这一步很重要，如果不改，正式发布时不会看到这篇文章。
5. 编译输出 在 mysite 文件夹下，执行hugo命令来构建。此时 mysite 文件夹下多了一个 public 文件夹，编译输出的静态html文件就保存在这里。 6. 启动实时预览 如果写文章的同时想要看到发布后的效果，可以通过启动网站预览：hugo server -D,实时监控页面的更改并刷新页面（参数-D输出包括标记为draft：true的草稿文章）。 默认地址为http://localhost:1313,如果该端口被占用，会随机使用其他空端口。
3. 将博客推送到gitee 1. 新建一个仓库 新建一个gitee仓库，设置为public,仓库名与账号同名。
2. 推送博客到该仓库 回到mysite文件夹，找到之前说的编译后生成的public文件夹，双击 用Git Bash Here打开，然后在git下逐条输入以下命令："/>

  
  
  
  <link rel="stylesheet" href="https://beikenken.gitee.io/css/style-white.css">
  
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  

  
<link rel="icon" type="image/png" href="https://beikenken.gitee.io/images/favicon.ico" />

  
</head>
<body class="max-width mx-auto px3 ltr">
  <div class="content index py4">

    <header id="header">
  <a href="https://beikenken.gitee.io">
  
    <div id="logo" style="background-image: url(https://beikenken.gitee.io/images/logo.png)"></div>
  
  <div id="title">
    <h1>【18342131】的软导作业索引页   全部博客:beikenken.gitee.io/post</h1>
  </div>
  </a>
  <div id="nav">
    <ul>
      <li class="icon">
        <a href="#"><i class="fas fa-bars fa-2x"></i></a>
      </li>
      
    </ul>
  </div>
</header>
  

    
<article class="post" itemscope itemtype="http://schema.org/BlogPosting">

  <div class="content" itemprop="articleBody">
  
    <h1 id="使用hugo--cactus-构建作业博客">使用hugo + Cactus 构建作业博客</h1>
<h2 id="1-环境准备">1. 环境准备</h2>
<pre><code>win10操作系统
一个gitee账号
Markdown编辑器：VSCode
git工具
</code></pre>
<h2 id="2-使用hugo搭建个人博客环境">2. 使用hugo搭建个人博客环境</h2>
<h3 id="1-安装hugo">1. 安装hugo</h3>
<p>从hugo官方网站下载最新版本：<!-- raw HTML omitted --><a href="https://gohugo.io/getting-started/quick-start/">https://gohugo.io/getting-started/quick-start/</a><!-- raw HTML omitted -->，解压hugo.exe文件到C:\目录下，将hugo.exe的路径加到PATH中。</p>
<h3 id="2-创建站点">2. 创建站点</h3>
<p>使用win + R 打开cmd, 进入hugo文件夹所在目录，执行<code>hugo new site mysite</code>,新的站点文件夹mysite就自动生成到了当前目录下：
<img src="/img/32.png" alt="alt"></p>
<p>完成这一步后不要关闭cmd;</p>
<p>mysite目录结构：
<img src="/img/33.png" alt="alt"></p>
<h3 id="3-安装主题">3. 安装主题</h3>
<p>到hugo主题列表:<!-- raw HTML omitted --><a href="https://themes.gohugo.io/">https://themes.gohugo.io/</a><!-- raw HTML omitted -->或从GitHub下载一款主题，解压到theme目录下（Cactus主题下载地址：<!-- raw HTML omitted --><a href="https://github.com/monkeyWzr/hugo-theme-cactus">https://github.com/monkeyWzr/hugo-theme-cactus</a><!-- raw HTML omitted -->）,并将解压后的主题文件更名为Cactus；</p>
<p>在config.toml配置文件中添加：<code>theme = &quot;Cactus&quot;</code> ,</p>
<p>cmd中输入命令：<code>hugo -t Cactus</code>,此时主题配置完成。</p>
<h3 id="4-创建第一篇文章">4. 创建第一篇文章</h3>
<p>以创建第一份作业文件为例子，cmd输入命令：</p>
<p><code>hugo new post/作业1.md</code></p>
<p>作业1.md就自动生成到了content/post下。使用VSCode打开该文件，会显示以下内容：
<img src="/img/2.png" alt="alt"></p>
<p>在该文件中完成作业内容后，将draft标志修改为<code>false</code>（或者直接删除draft整个参数），这一步很重要，如果不改，正式发布时不会看到这篇文章。</p>
<h3 id="5-编译输出">5. 编译输出</h3>
<p>在 mysite 文件夹下，执行<code>hugo</code>命令来构建。此时 mysite 文件夹下多了一个 public 文件夹，编译输出的静态html文件就保存在这里。
<img src="/img/35.png" alt="alt"></p>
<h3 id="6-启动实时预览">6. 启动实时预览</h3>
<p>如果写文章的同时想要看到发布后的效果，可以通过启动网站预览：<code>hugo server -D</code>,实时监控页面的更改并刷新页面（参数-D输出包括标记为<code>draft：true</code>的草稿文章）。
<img src="/img/1.png" alt="alt">
默认地址为http://localhost:1313,如果该端口被占用，会随机使用其他空端口。</p>
<h2 id="3-将博客推送到gitee">3. 将博客推送到gitee</h2>
<h3 id="1-新建一个仓库">1. 新建一个仓库</h3>
<p>新建一个gitee仓库，设置为public,仓库名与账号同名。</p>
<h3 id="2-推送博客到该仓库">2. 推送博客到该仓库</h3>
<p>回到mysite文件夹，找到之前说的编译后生成的public文件夹，双击
用Git Bash Here打开，然后在git下逐条输入以下命令：</p>
<pre><code>git init

git add .

git commit -m &quot;first commit&quot;

git remote add origin https://gitee.com/username/username.git(username 是你的用户名)

git push -u origin master
</code></pre><p>完成以上步骤后，刷新一下gitee仓库，即可看到上传到master分支的public文件夹内容。</p>
<h2 id="4-使用gitee-pages-发布个人博客网站">4. 使用Gitee Pages 发布个人博客网站</h2>
<p>在仓库的Service菜单中，选择Gitee Pages, 将Enforce HTTPS打勾后点击“Create&rdquo;,将会自动生成一个url，这个就是你博客网站的链接。需要注意的是，每次更新博客后，都需要手动Update一下url，否则网站不显示更新后的内容。</p>
<p>到这里作业博客就构建成功啦，以后要是上传新的作业内容到仓库时，执行以下命令即可：</p>
<pre><code>git init

git add .

git commit -m &quot;update&quot;

git push
</code></pre><p>然后<code>update</code>一下url就能看到新的作业了。</p>
<h2 id="5-额外技能给对gitee使用不熟练的朋友">5. 额外技能（给对gitee使用不熟练的朋友）</h2>
<h3 id="1-如何远程删除gitee-仓库里的内容">1. 如何远程删除gitee 仓库里的内容？</h3>
<p>有时候我们想删除仓库里的某个文件（夹），并且要保持本地仓库和gitee仓库的内容同步（拿这次创建的仓库举例，我们需要保持username仓库和本地public内容一致），要如何做呢？</p>
<pre><code>首先，我们打开自己的的本地git仓库（public文件夹），双击选择Git Bash Here,进入git命令行页面。

使用命令git pull将仓库内容pull到本地，保持本地仓库和gitee仓库同步。

如果删除的是文件，使用命令git rm filename 删除（filename是文件名）。

如果删除的是文件夹，使用命令git rm -r directory删除（directory是文件夹名）


提交本次操作：git commit -m &quot;update&quot;

上传更新后的文件夹：git push
</code></pre><p>OK,这样我们的目的就达到了。</p>

  
  </div>
</article>


    <footer id="footer">
  <div class="footer-left">
    Copyright  &copy; 2021  【18342131】的软导作业索引页   全部博客:beikenken.gitee.io/post 
  </div>
  <div class="footer-right">
    <nav>
      <ul>
        
      </ul>
    </nav>
  </div>
</footer>


  </div>
  
</body>

<link rel="stylesheet" href="/lib/font-awesome/css/all.min.css">
<script src="/lib/jquery/jquery.min.js"></script>
<script src="/js/main.js"></script>
</html>
